@use "@/views/view.module.scss"as*;

.flex_root {
  @extend .view_base;
  user-select: none;
}

.flex_view_header {
  display: flex;
  position  : relative;
  z-index   : 1;
  padding   : 5px 10px !important;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.075);
  min-height: 36px;

  span {
    white-space  : nowrap;
    word-break   : keep-all;
    overflow     : hidden;
    text-overflow: ellipsis;
    flex-shrink  : 0;
  }
}

.list_empty {
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
  transition: opacity 200ms;
  z-index   : 0;
}

.list_empty.hidden {
  opacity: 0;
}